<template>
    <div class="">
        <el-row class="plan_contentflex flex broder_b">
        <div class="flex-1 flex-pack-justify flex-pack-center flex-align-center t_center">
          <div class="font_14 color_dd m_top5">计划管理</div>
          <div class="font_12 color_33 m_top5 m_b">
            <span class="plan_groupnumber broder_1d" :class="{'ativebtn':activetype==1}" @click="pageform(1)">计划提交</span>
          </div>
          
        </div>
        <div class="flex-1 flex-pack-justify flex-pack-center border_rl font_14 color_dd t_center">
          <div class="font_14 color_dd m_top5">计划联盟</div>
          <div class="font_12 color_33 m_top5 m_b">
            <span class="plan_groupnumber broder_1d" :class="{'ativebtn':activetype==2}" @click="pageform(2)">人工计划平台</span>
            <span class="plan_groupnumber broder_1d" :class="{'ativebtn':activetype==3}" @click="pageform(3)">我的收藏计划</span>
          </div>
        </div>
        <div class="flex-1 flex-pack-justify flex-pack-center font_14 color_dd t_center">
          <div class="m_top5">计划模板设置</div>
          <div class="font_12 color_33 m_top5 group_hair m_b">
            <span class="plan_groupnumber broder_1d" :class="{'ativebtn':activetype==4}" @click="pageform(4)">计划模板设置</span>            
          </div>
        </div>
      </el-row>
      <router-view></router-view>
    </div>
</template>

<script>
    export default {
      data () {
        return {
              activetype: 1 
        }
    },
    created () {
              
    },
      methods: {
        pageform(num){
          this.activetype = num
          if(num==1){
            this.$router.push('plancommit')
          } else if(num==2){
            this.$router.push('twoStar')
          } else if(num==3){
            this.$router.push('twoStarCol')
          } else if(num==4){
            this.$router.push('planTemplate')
          }
        },
        
    },
    }
</script>

<style>
    .plantemplate .el-message-box__header{
        background: #f5f5f5 ;
    }
    .plantemplate .el-message-box__message{
        padding: 0.2rem 0;
    }
</style>
<style lang="less" scoped>
  @import url(../../assets/css/plan/planpublic.less);
  @import url(../../assets/css/artificial/artificial.less);
</style>
